<template>
  <div class="child">
    <div>
      爸爸的钱: <b>{{ count }}</b>
    </div>
    <button @click="fn">吞金兽花钱</button>
    <hr />
    {{ msg.toUpperCase() }}
  </div>
</template>

<script>
export default {
  // 💥 不要求类型， 不校验类型
  // props: ["xxx", "msg"],
  props: {
    count: Number,
    //👍 要求父传子， 传数字类型
    msg: String,

    // 🔔了解即可
    // count: {
    //   type: Number,
    // 了解 - required要求必传，不传报错
    //   required: true,
    // },
  },
  methods: {
    fn() {
      this.$emit("yyy", 500);
    },
  },
};
</script>

<style scoped>
.child {
  margin: 20px 0;
  background-color: skyblue;
  padding: 20px;
}
</style>
